@import "@/components/visualization/styles/function.scss";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.detailed-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  .detailed-main {
    width: 100%;
    height: calc(100% - 50px);
    overflow: auto;
    padding: vw(16);

    .detailed-list {
      width: 100%;
      height: vw(63);
      display: flex;
      flex-direction: row;
      align-items: center;

      .tag {
        width: vw(28);
        height: vw(28);
        background: rgba(238, 200, 84, 1);
        border-radius: vw(4);
        font-size: vw(16);
        font-family: Microsoft YaHei UI;
        font-weight: 400;
        line-height: vw(28);
        text-align: center;
        color: rgba(255, 255, 255, 1);
      }

      .banner {
        flex-grow: 1;
        height: 100%;
        padding: 0 vw(5);

        &-content {
          width: 100%;
          height: 100%;
          border-bottom: 1px solid rgba(0, 0, 0, 0.06);
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;

          .top,
          .bottom {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
          }

          .top {
            label {
              font-size: vw(14);
              font-family: Microsoft YaHei UI;
              font-weight: bold;
              color: rgba(0, 0, 0, 1);
            }

            .green-1 {
              font-size: vw(18);
              font-family: Bahnschrift;
              font-weight: 400;
              color: rgba(31, 197, 87, 1);
            }

            .red-1 {
              font-size: vw(18);
              font-family: Bahnschrift;
              font-weight: 400;
              color: rgba(31, 197, 87, 1);
              color: #ef5a4f;
            }
          }

          .bottom {
            label {
              font-size: vw(14);
              font-family: Microsoft YaHei UI;
              font-weight: 400;
              color: rgba(0, 0, 0, 1);
            }

            span {
              font-size: vw(12);
              font-family: Microsoft YaHei UI;
              font-weight: 400;
              color: rgba(0, 0, 0, 0.4);
            }
          }
        }
      }
    }
  }
}
